﻿<%@ Page Title="" Language="C#" MasterPageFile="~/combook.Master" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="computerbookwebsite.index" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
     <style type ="text/css">
    .main_content{      
        width:1000px; 
        height:auto;
    }
    .left_content{
        width:180px;
        float:left;
        padding:0 0 0 5px;
        background:#fff;
    }
    .title_box{
        width:180px;
        height:30px;
        margin:5px 0 0 0;
        text-align:center;
        font-size:13px;
        font-weight:bold;
        color:#159dcc;
        line-height:30px;
    }
    ul.left_menu{
        width:180px;
        padding:0px;
        margin:0px;
        list-style:none;
    }
    ul.left_menu li{
        margin:0px;
        list-style:none;
    }
    ul.left_menu li.odd a{
        width:166px;
        height:25px;
        display:block;
        border-bottom:1px #e4e4e4 dashed;
        text-decoration:none;
        color:#504b4b;
        padding:0 0 0 14px;
        line-height:25px;
    }
    ul.left_menu li.even a{
        width:166px;
        height:25px;
        display:block;
         border-bottom:1px #e4e4e4 dashed;
        text-decoration:#f0f4f5;
        color:#504b4b;
        padding:0 0 0 14px;
        line-height:25px;
    }
    ul.left_menu li.even a:hover,ul.left_menu li.odd a{
        color:#000;
        text-decoration:underline;
    }
         </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="main_content">
        <div class="left_content">
            <div class="title_box">图书分类</div>
             <div class="left_menu"></div>
           <ul  class="left_menu">
               <li class="odd"><a href="#">操作系统</a></li>
               <li class="even"><a href="#">程序设计</a></li>
               <li class="odd"><a href="#">软件工程</a></li>
               <li class="even"><a href="#">网络与数据通信</a></li>
               <li class="odd"><a href="#">信息安全</a></li>
               <li class="even"><a href="#">图形图像 多媒体</a></li>
               <li class="odd"><a href="#">人工智能</a></li>
               <li class="even"><a href="#">深度学习</a></li>
               <li class="odd"><a href="#">考试认证</a></li>
               <li class="even"><a href="#">IT人文</a></li>
           </ul>
        </div>
        <div class="right_content">

        </div>
    </div>
</asp:Content>
